<template>
	<div class="yp_myOrderform">
		<div class="yp_myOrderform_top">
			<h3>我的积分</h3>
		</div>
		<h4>当前积分:<span>0分</span></h4>
		<ul class="yp_myInterinfo_ul">
			<li style="background-color: #f2f2f2;"><span>积分日期</span><span>变动</span><span>来源</span></li>
			<li>暂无数据</li>
		</ul>
	</div>
</template>

<script>
  export default {
    name:'myIntegral'
  }
</script>

<style scoped>
	.yp_myOrderform{
		width: 1085px;
		height: 609px;
		float: right;
		border: 1px solid gainsboro;
	}
	.yp_myOrderform_top{
		height: 61px;
		line-height: 61px;
		padding-left: 20px;
		border-bottom: 1px solid gainsboro;
	}
	.yp_myOrderform_top+h4{
		width: 120px;
		line-height: 50px;
		padding-left: 20px;
	}
	.yp_myInterinfo_ul{
		border: 1px solid lightgray;
		text-align: center;
		width: 1043px;
		margin: 20px auto;

	}
	.yp_myInterinfo_ul li{
		padding: 10px 0;
	}
	.yp_myInterinfo_ul span{
		padding: 0 120px;
	}
	.yp_myInterinfo_ul li:nth-child(n+1):hover{
		background-color: #f4fff2;
	}
</style>
